<style>
    #login_div {
    }

    #passwords_div {
        display:none;
    }

    body {
      min-width:357px;
      overflow-x:hidden;
    }
</style>

<script type="text/javascript" src="jquery.js"></script>

<script>
    chrome.extension.sendRequest({action: 'get_cookie'}, get_cookie_res);

    function get_cookie_res(cookie)
    {
        if (cookie == "No cookie")
        {
        }
        else
        {
        }
    }


function show_cookie()
{
    alert("wiiii");
    chrome.extension.sendRequest({action: 'show_cookie'});
}
 
 function add_password(){
	alert("contra");
	chrome.extension.sendRequest({action: 'add_password'});
 
 
 }
function toogle()
{
    $('#passwords_div').show();
	
}

</script>

<html>
    <div id="login_div">
        <a href="login.html">Login</a>
        <a href="register.html">Register</a>
        <a href="#" onclick="toogle()">Toogle</a>
    </div>

    <div id="passwords_div">
        <a href="#" onclick="show_cookie()">Show cookie</a>
		<a href="#" onclick="add_password()">Add password</a>
    </div>
</html>
